<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <meta content="telephone=yes,email=yes" name="format-detection">
    <!--//自动识别电话号码和邮箱-->

    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--//苹果手机：会删除默认的工具栏和菜单栏，网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    <!--//苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。-->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <!--//苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示-->
    <link rel="apple-touch-icon" href="images/identity/HTML5_Badge_64.png"/>
    <!--//苹果手机：将应用添加到手机主屏幕，会有一个icon可以直接进入-->


    <title>有收入</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!--初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--轮播样式-->
    <link rel="stylesheet" href="css/swiper.min.css">
    <!--共用样式-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <!--整个网站的局部样式-->
    <link rel="stylesheet" href="css/style.css">
    <!--适配样式-->
    <link rel="stylesheet" href="css/styleMedia.css">
    <style>
        input[type="checkbox" i] {
            -webkit-appearance: checkbox;
            box-sizing: border-box;
        }
        .chk_1, .chk_2, .chk_3, .chk_4 {
            display: none;
        }
        .chk_3+label {
            background-color: #fafbfa;
            padding: 0.09rem;
            border-radius: 0.1rem;
            -webkit-border-radius: 0.1rem;
            display: inline-block;
            position: relative;
            -webkit-transition: all .1s ease-in;
            transition: all .1s ease-in;
            width: 0.65rem;
            height: 0.28rem;
        }

        .chk_3+label:before {
            content: ' ';
            position: absolute;
            background: #fff;
            top: 0.01rem;
            left: 0.01rem;
            z-index: 999999;
            width: 0.46rem;
            -webkit-transition: all .1s ease-in;
            transition: all .1s ease-in;
            height: 0.45rem;
            border-radius: 100px;
            box-shadow: 0 0.03rem 0.01rem rgba(0, 0, 0, .05), 0 0 0.01rem rgba(0, 0, 0, .3);
        }
        .chk_3+label:after {
            content: ' ';
            position: absolute;
            top: 0;
            -webkit-transition: box-shadow .1s ease-in;
            transition: box-shadow .1s ease-in;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 1rem;
            box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0, 0, 0, .4);
        }
        .chk_3:checked+label:after {
            content: ' ';
            font-size: 1.5em;
            position: absolute;
            background: #1e81d2;
            box-shadow: 0 0 0.01rem #1e81d2;
        }
        .chk_3:checked+label:before {
            content: ' ';
            position: absolute;
            left: 0.35rem;
            border-radius: 1rem;
        }
    </style>
</head>

<body style="background-color:#f4f9fd ">

<!--header begin-->
<header class="header-border-bt">
    <div id="flexHeader">
        <div class="div1"><a href="index.html"><img src="images/icon_arrow_left.png"></a> </div>
        <div class="div2">设置</div>
        <div class="div3"></div>
    </div>
</header>
<!--header end-->

<!--set pwd begin-->
<article class="set-pwd height-padding">
    <div class="put-forward-top">
        <div><p>修改密码</p></div>
        <div><img src="images/icon_arrow.png"></div>
    </div>
</article>
<!--set pwd end-->

<!--set voice begin-->
<article class="set-voice">
    <span>建议打开声音与震动提醒便于收到任何消息</span>
</article>
<!--set voice end-->

<!--set-other begin-->
<article class="set-other">
    <div class="put-forward-top">
        <div><p>首页任务冒泡</p></div>
        <div>
            <input type="checkbox" id="checkbox_c1" class="chk_3" /><label for="checkbox_c1"></label>
        </div>
    </div>
    <div class="put-forward-top">
        <div><p>接单声音提醒</p></div>
        <div>
            <input type="checkbox" id="checkbox_c2" class="chk_3" checked /><label for="checkbox_c2"></label>
        </div>
    </div>
    <div class="put-forward-top">
        <div><p>接单震动提醒</p></div>
        <div>
            <input type="checkbox" id="checkbox_c3" class="chk_3" /><label for="checkbox_c3"></label>
        </div>
    </div>
</article>
<!--set-other end-->


<!--Scavenging caching begin-->
<article class="set-pwd scavenging-caching">
    <div class="put-forward-top">
        <div><p>清除缓存</p></div>
        <div><img src="images/icon_arrow.png"></div>
    </div>
</article>
<!--Scavenging caching end-->

<a href="#"><input type="submit" value="退出账号" class="user-login-btn-selected"></a>

<!--js-->
</body>
</html>